<%--
    Document   : modificarART
    Created on : 29/01/2011, 11:36:35 PM
    Author     : Hector Gutierrez
--%>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<% request.setAttribute("allowed", "Gestionar Analisis de Riesgo");%>
<%@ include file='../Templates/security.jsp' %>

<% String idArt = (String) request.getParameter("idArt");%>

<h1 class="title">Gestión de ART</h1>
<hr>
<p class="meta"></p>
<div class="entry">
    <center>
        <h2>Modificar ART</h2>
        <html:form action="/modificarART" styleId="modificarARTForm" onsubmit="return modificarART();">
            <html:hidden property="idArt" styleId="idArt"></html:hidden>
            <table>
                <tbody>
                    <tr>
                        <td colspan="5" align="center">
                            <font color="red">
                                <html:errors property = "art_fallido"/>
                                &nbsp;
                            </font>
                        </td>
                    </tr>
                    <tr>
                        <td><font color="red">*&nbsp;</font>Sede:</td>
                        <td>
                            <select id="Sedes" name="sede" onchange="listCargosSede(value)"></select>
                            <html:errors property = "sede_pt_requerido"/>
                        </td>
                    </tr>
                    <tr>
                        <td><font color="red">*&nbsp;</font>Cargo:</td>
                        <td>
                            <select id="Cargo" name="cargo" onchange="listaPuestos(value)"></select>
                            <html:errors property = "cargo_requerido"/>
                        </td>
                    </tr>
                    <tr>
                        <td><font color="red">*&nbsp;</font>Puesto Trabajo:</td>
                        <td>
                            <select id="Puestos" name="puestoTrabajo">
                            </select>
                            <html:errors property = "puesto_requerido"/>
                        </td>
                    </tr>
                    <tr>
                        <td><font color="red">*&nbsp;</font>Fecha del ART:</td>
                        <td><html:text property="fechaArt" styleId="fechaArt"/>
                            <html:errors property = "fecha_art_requerido"/></td>
                    </tr>
                    <tr>
                        <td><font color="red">*&nbsp;</font>Realizado por:</td>
                        <td><html:text styleId="realizadoPor" property="realizadoPor" />
                            <html:errors property = "realizado_por_requerido"/>
                        </td>
                    </tr>
                    <tr>
                        <td><font color="red">*&nbsp;</font>Descripción:</td>
                        <td><html:textarea styleId="descripcion" property="descripcion" cols="30" rows="4"/>
                            <html:errors property = "descripcion_requerido"/>
                        </td>
                    </tr>
                    <tr>
                        <td><font color="red">*&nbsp;</font>Factores de riesgos:</td>
                        <td>
                            <div id="riesgosWidget" class="oculta">
                                <div id="riesgosTree" class="tree"></div>
                                <div style="width: 100%; clear: both; float: left;">
                                    <table>
                                        <tr>
                                            <td><a href="javascript:void(0);" id="allRiesgos"><img alt="" src="style/imagesTree/check-all.gif"/> Todos</a></td>
                                            <td><a href="javascript:void(0);" id="resetRiesgos"><img alt="" src="style/imagesTree/uncheck-all.gif"/> Ninguno</a></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                            <html:errors property = "factores_requerido"/>
                            <html:errors property = "factores_requerido"/>
                            <center><br><img alt="Cargando" src="style/images/cargando.gif" class="consultaCargandoImg"/><br></center>
                        </td>
                    </tr>
                    <tr>
                        <td>Actividades del puesto de trabajo:</td>
                        <td><html:textarea styleId="actividadesPT" property="actividadesPT" cols="30" rows="4" /></td>
                    </tr>
                    <tr>
                        <td>Observaciones:</td>
                        <td><html:textarea styleId="observaciones" property="observaciones" cols="30" rows="4"/></td>
                    </tr>
                    <tr>
                        <td>Sustancias, materiales y equipos:</td>
                        <td><html:textarea styleId="sustMatEq" property="sustMatEq" cols="30" rows="4"/></td>
                    </tr>
                    <tr>
                        <td>Equipo Requerido:</td>
                        <td><html:textarea styleId="equipoRequerido" property="equipoRequerido" cols="30" rows="4"/></td>
                    </tr>
                </tbody>
            </table>
            <br>
            <font color="red"><p>Los campos que tienen (*) son obligatorios.</p></font>
            <br>
            <html:submit value="Modificar"/>
            <html:button property="" styleId="backART" value="Atrás"/>
        </html:form>
    </center>
</div>
<div style="clear: both;">&nbsp;</div>
<script type="text/javascript" src="Modulo3/js/riesgosTree.js" />
<script type="text/javascript">
    $('#backART').click(artC);
    var cargo = "";
    
    $(function(){
        consultarART(<% out.print(idArt);%>);
        $("#fechaArt").datepicker({
            dateFormat: 'dd/mm/yy',
            maxDate: new Date(),
            showOn: "button",
            buttonImage: "style/images/calendar.gif",
            buttonText: "calendario"
        }).attr('readonly', true);
    });

    function listCargosSede(sede,selected){
        $('#Cargo').html("<option value=''>-</option>");
        $('#Puestos').html("<option value=''>-</option>");
        $.getJSON("listarCargosSede.do?sede="+sede,
        function(data) {
            $.each(data.cargos , function(i,item){
                option = "<option value='"+item.nombre_cargo+"' id='Cargo_"+item.nombre_cargo+"'>"+item.nombre_cargo+"</option>";
                $('#Cargo').append(option);
            });
            if(selected) $('#Cargo_'+selected).attr('selected',true);
        });
    }

    function consultarART(idArt){
        $.ajax({
            type: "GET",
            url: 'consultarART.do',
            data: {idArt:idArt},
            dataType: 'json',
            success: processConsultarART
        });
        return false
    }

    function processConsultarART(data){
        if((item = data.art)){
            listaSedes(item.sede);
            listCargosSede(item.sede,item.nombreCargo);
            listaPuestos(item.nombreCargo,item.nombrePuesto);
            $('#idArt').val(item.id_art);
            $("#realizadoPor").val(item.realizadoPor);
            $("#fechaArt").val(item.fechaArt);
            $("#fechaModificacion").val(item.fechaModificacion);
            $("#descripcion").val(item.descripcion);
            $("#actividadesPT").val(item.actividades);
            $("#sustMatEq").val(item.sustanciasMateriales);
            $("#equipoRequerido").val(item.equipoRequerido);
            $("#observaciones").val(item.observaciones);
            checkRiesgosTree(data.riesgos);
            //hay q hacer q los checkbox de riesgos de la consulta 
            //los marque en el tree.
        } else {
            alert("Ha ocurrido un error. El AST no puede ser modificado.");
            $('#backART').click();
        }
        return false;
    }
</script>